.rank_list {
    text-align: center;
    margin-top: 50px;
    font-size: 25px;
}

.rank_list p {
    margin: 0 auto;
}

.rank_list svg {
    float: left;
    width: 20%;
    font-size: 35px;
}

.rank_list i {
    float: left;
    width: 15%;
    font-size: 25px;
}

.rank_list .iconfont.paimingxiajiang {
    float: left;
    text-align: right;
    width: 10%;
    font-size: 25px;
    color: #2889d6;
}

.rank_list .iconfont.paimingshangsheng {
    float: left;
    text-align: right;
    width: 10%;
    font-size: 25px;
    color: #F06078;
}

.rank_list .iconfont.nochange {
    float: left;
    text-align: right;
    width: 10%;
    height: 33px;
    font-size: 25px;
    color: #F06078;
}

.rank_list .changeUp {
    float: left;
    width: 8%;
    font-size: 18px;
    text-align: left;
    display: inline-block;
    line-height: 35px;
    color: #F06078;
}

.rank_list .changeDown {
    float: left;
    width: 8%;
    font-size: 18px;
    text-align: left;
    display: inline-block;
    line-height: 35px;
    color: #2889d6;
}

.rank_list .num {
    float: left;
    width: 20%;
    font-size: 20px;
    line-height: 35px;
    color: #999
}

.rank_list .name {
    float: left;
    width: 25%;
    font-size: 20px;
    line-height: 35px;
}

.rank_list .score {
    float: left;
    width: 20%;
    font-size: 20px;
    line-height: 35px;
}

.rank_list i img {
    width: 30px;
    height: 30px;
    border-radius: 20px;
}

.rank_list .changeUpStyle {
    float: left;
    width: 8%;
    font-size: 18px;
    text-align: left;
    display: inline-block;
    line-height: 35px;
    color: #2889d6;
}
.rank_list .changeUnableStyle {
    float: left;
    width: 8%;
    font-size: 18px;
    text-align: right;
    display: inline-block;
    line-height: 35px;
    color: #999
}